body{
    background: #2e3061;
    padding: .3rem .5rem .68rem;
}

.logo{
    width: 1.24rem;
}
.weixin{
    width: 1.70rem;
}
.f2{

}
.f2>p{
    font-size: .28rem;
    color: white;
    margin-bottom: .22rem;
}.f2>a{
    font-size: .28rem;
    color:white;
    margin: .4rem 0;
    text-decoration:underline;
 }
.f2>img{
    width: 4rem;
}

.libai{
    width:5.4rem;
    position: absolute;
    left: -1rem;
    top: 2.6rem;

}
.hanxin{
    width:2.8rem;
    position: absolute;
    right: 0;
    top: 2.6rem;
}
.f3{
    height:9.38rem;
    background-image:url(../img/kuang.png) ;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    z-index:10;
    text-align: center;
}

.p1{
    font-size: .36rem;
    color: white;
    margin: .56rem 0 .2rem;
}
.p2{
    font-size: .24rem;
    color: white;
    margin-bottom: .2rem;
}
.span1{
    font-size: .24rem;
    color: #e8de16;
    text-decoration: underline;
}
.lan{
    width: 90%;
    height: 72%;
    border: 2px solid #2940b1;
    border-radius: 8px;
    padding: .2rem;
    margin: 0 auto;
}
.p3{
    font-size: .2rem;
    color: white;
}
.p3>a{
    text-decoration: underline;
}
.span2{
    font-size: .2rem;
    color: #e8de16;
    text-decoration: underline;
}
.list{
    padding-top: .2rem;
    width: 100%;
    font-size: 0;
}
.list>li{
    width: 22.5%;
    margin-right: 3.333%;
    background: url("");
}
.list>li:last-child{
    margin-right: 0;
}
.list img{
    width: 100%;
}
.list2{
    padding-top: .2rem;
    width: 100%;
    font-size: 0;
}
.list2>li:first-child{
    width: 22.5%;
    margin-right: 3.333%;
}
.list2>li:nth-child(2){
    width: 48.3333%;
    margin-right: 3.333%;

}
.list2>li:last-child{
    width: 22.5%;
    margin-right: 0;
}
.list2 img{
    width: 100%;
}
.lulu{
    border: 2px solid #2940b1;
    border-radius: 8px;
    padding: .02rem 0;
}
.lulu>img{
    width:.8rem;
    margin: .04rem 0;
}
.p4{
    font-size: .24rem;
    color: white;
}